/* 由于每个组件页面下的文件命名都为index.vue所以书写路径可省略 */
import homeIndex from '@/views/home'
import notFound from '@/views/not-found'
// 模板如下：自行更改
const routes = [
  { /* 重定向 */
    path: '/',
    redirect: 'login',
  },
  {
    path: '/login',
    name: 'login',
    component: homeIndex,
    // components: { // 指定各命名视图中渲染的组件
    //   footer: AppTabbar,
    //   default: Category,
    //   header: AppNavbar
    // },
    // meta: {
    //   title: '分页',
    //   icon: '&#x100cb;',
    //   inTabbar: true
    // },
    // children: [ // 子路由，嵌套路由
    //   { /* 'sub/:id' => 完整路径：/category/sub，:id 是定义的动态路径参数，用于接收传递的分类id
    //     *   /sub,/ 代表根路径 => /sub
    //     */
    //     path: 'sub/:id',
    //     name: 'sub',
    //     component: SubCategory
    //   }
    // ]

  },
  { /* 通配符路由,放在最后 */
    path: '*',
    component: notFound,
  },
]

export default routes
